@green: #008c8c;
.list {
  display: flex;
  flex-wrap: wrap;
  color: @green;
  li {
    margin: 1em;
    &:hover {
      background: @green;
      color: #fff;
    }
  }
}


/* 表示混合,可以传递参数 */
.content-center(){
  display: flex;
  justify-content: center;
  align-items: center;
}

.round(@r:5px){
  border-radius: @r;
}

.container{
  .content-center()
}

.a {
  .round();
}

.b {
  .round(10px);
}

// 这样的注释只存在于less源代码中